﻿
* {
margin : 0;
padding : 0;
}
html {
height : 100%;
}

#slide-nav a:link, #slide-nav a:visited {
color : #fff;
text-decoration : none;
}
a img {
border : 0;
}

div.wrap {
width : 550px;
background: #000;
}

/*Login.ASCX-*/
.btnLogin
{
    background-color: #CCCCCC;
    border: 3px double #454544;
    color: #454544;
    right: 0;
    }
/*----------------------------------------------------------------------------------*/
#layer01_holder {
	width:563px;
	height:157px;
	margin:auto;
}
#login {
	background-image:url('../Admin/Images/bglogin.png');
	background-repeat:no-repeat;
	width:417px;
	height:578px;
	float:left;
	display:block;
	margin-left:400px;
}


/*ThienProduction-------------------------------------------------*/
.fieldsetSearch
{
    padding-left:15px;
    min-width:1000px;
    }
.fieldsetLogin
{
    width:300px;
    margin-left:500px;
    
    }
.left_t
{
    width:400px;
    padding-left:195px;
    float:left;
    }
.right_t
{
    width:400px;
    float:left;
    }
.btnSearch
{
    width:400px;
    margin-top:10px;
    padding-left:470px;
    }
.centert_t
{
    margin-left:300px;
    
    }
.label_t
{
    width:100px;
    background:url('../Admin/Images/Required.gif') no-repeat scroll transparent right;
    margin-right:5px;
    }
/*END--------------------------------------------------------------*/

.subTitle
    {
        width: 90%;
        color: Gray;
        margin-left: 50px;
       
    }

.fieldset
{
    padding:10px 0px;
    }
.wapper
    {
        clear:both;
        overflow:hidden;
        margin: 5px 20px 5px 20px
    }
    .validator
    {
    font-size: 15px;
    padding-left: 3px;
    vertical-align: middle;
    }


    .grid
    {
         margin: 0 20px 0 20px
    }
    .wapperbutton
    {
         margin: 0 50px 0 74px
    }
    .wapper label
    {
        width:150px;
        float:left;
        text-align: right;
    }
    .alignC
    {
        text-align : center;
    }
    .left
    {
        float:left;
        width:500px;
    }
    .right
    {
        float:right;
        width:59%;
    }  
    .left1
    {
        float:left;
        width:40%;
    }
    .right1
    {
        float:right;
        width:59%;
    }  
     .headerForm
    {
        margin:10px 0 0 0;
        height:20px;text-transform:uppercase;font-weight:bold;color:#36f;
        border-bottom:1px solid #C0E1FF;
        display:block;
    }
     .buttonTop
    {
      float:left;
      margin: 54px 10px 11px 10px;
    }
    .RadGrid th input
    {
      margin-top:0;
      margin-bottom:0;
      height:12px;
    }
    .filterLabel
    {
      color:#fcfcfc;            
    }
    .grid
    {
      margin: 0 20px 0 20px
    }



.goButtonClassHov .rbText
{
    color: yellow !important;
}

.RadButton_Default.rbSkinnedButton, 
.RadButton_Default .rbDecorated,
.RadButton_Default.rbVerticalButton, 
.RadButton_Default.rbVerticalButton .rbDecorated,
.RadButton_Default .rbSplitRight, 
.RadButton_Default .rbSplitLeft
{
    background:red;
    color:White;
    }

.rbSkinnedButton:hover .rbDecorated,.rbSplitLeft
{
    background:blue;
    }
    
.RadButton_Default.rbSkinnedButton:hover
{
    background:blue;
    }
.RadButton_Default.rbSkinnedButton a:hover
{
    text-decoration:none;
    }
.RadButton_Default.rbVerticalButton .rbDecorated 
{
    color:White;
    }
/*-------------------------------Chuẩn Chung----------------------------*/
    .wapper
    {
        clear:both;
        overflow:hidden;
        margin: 5px 20px 5px 20px
    }
    .validator
    {
    font-size: 15px;
    padding-left: 3px;
    vertical-align: middle;
    }

    .grid
    {
         margin: 0 20px 0 20px
    }
    .wapperbutton
    {
         margin: 0 50px 0 74px
    }
    .wapper label
    {
        width:150px;
        float:left;
        text-align: right;
    }
    .alignC
    {
        text-align : center;
    }
    .left
    {
        float:left;
        width:40%;
    }
    .right
    {
        float:right;
        width:59%;
    }  
    .left1
    {
        float:left;
        width:40%;
    }
    .right1
    {
        float:right;
        width:59%;
    }  
     .headerForm
    {
        margin:10px 0 0 0;
        height:20px;text-transform:uppercase;font-weight:bold;color:#36f;
        border-bottom:1px solid #C0E1FF;
        display:block;
    }
     .buttonTop
    {
      float:left;
      margin: 54px 10px 11px 10px;
    }
    .RadGrid th input
    {
      margin-top:0;
      margin-bottom:0;
      height:12px;
    }
    .filterLabel
    {
      color:#fcfcfc;            
    }
    .grid
    {
      margin: 0 20px 0 20px
    }
     .wapperMin
    {
        min-width: 1000px;
        width:expression(document.body.clientWidth < 1000? "1000px" : document.body.clientWidth > 1000? "1000px" : "auto");
    }
/*--------------------------------------------------------------*/
#Container
{

    width:800px ;
    border:1px solid red;
    overflow:hidden;
    margin:0px auto;
    padding-bottom:10px;
    }
.Title
{

    color: #4EAD02;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
    padding: 8px;
}
.Title hr
{
    margin-top:5px;
    
    }
.function
{

    padding:10px 0px 10px 0px;
    overflow:hidden;
    }
.content
{
    margin-top:10px;
    }
    
    
/*--------------------------------------------------------------*/

/*RadGrid-----------------------------------------------------------------------------------------------------*/
div.RadGrid_Default .rgGroupHeader {
    background: none repeat scroll 0 0 #A5A389;
    color: #FFFFFF;
    font-size: 1.1em;
    line-height: 21px;
}

div.RadGrid_Default .rgMasterTable td.rgGroupCol, .RadGrid_Default .rgMasterTable td.rgExpandCol {
    background: none repeat scroll 0 0 #A5A389;
    border-color: #A5A389;
}



div.RadGrid_Default .rgHeader, .RadGrid_Default .rgHeader th
{
    background: #6FBC3A;
    height:25px;
    color: White;
    font-weight:bold;
   }
div.RadGrid_Default .rgHeader a
{
    color:white;
    font-weight:bold;
    }
    
    
div.RadGrid_Default .rgGroupPanel td 
{
    background:#DCDF88;
    color:#2266C7;
    }
    
div.RadGrid_Default .rgSelectedRow {
    background: url("WebResource.axd?d=uaqzUacOZ8Wqu-p1aRLNFpKFXYXEMePlO8hfnjGrqG89m5V511XKqwKL9bC3YZq6bckt0clZahu5HQbC3IJQPQ2&t=634413274020000000") repeat-x scroll 0 -3900px #9DD672;
    color:#272722;
}

div.RadGrid_Default .rgHeader, .RadGrid_Default .rgHeader th.rgResizeCol {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: #72C23B;
    border-color: #7ED131 #72C530 #27710A #358709;
    border-right: 1px solid #72C530;
    border-style: solid;
    border-width: 0 1px 1px;
    padding-top: 4px;
}

div.RadGrid_Default .rgSelectedRow td, .RadGrid_Default .rgSelectedRow td.rgSorted {
    border-bottom-color: #459E1D;
}

/*-----------------------------------------------------------------------------------------------------*/
div#top div#nav {
float : left;
clear : both;
width : 550px; 
height : 52px;
margin : 0;
}
div#top div#nav ul {
float : left;
width : 700px;
height : 52px;
list-style-type : none;
}
div#nav ul li {
float : left;
height : 52px;
}
div#nav ul li a {
border : 0;
height : 52px;
display : block;
line-height : 52px;
text-indent : -9999px;
}
div#header {
margin : 0 0 0;
}
div#video-header {
height : 683px;
margin : 0 0 0;
}
div#header div.wrap {
height : 240px;

}
div#header div#slide-holder {
z-index : 40;
width : 546px;
height : 240px;
position : absolute;
background: #000;
border: 2px solid #FFFFFF;
}
div#header div#slide-holder div#slide-runner {
top : 0;
left : 0;
width : 546px;
height : 240px;
overflow : hidden;
position : absolute;
}
div#header div#slide-holder img {
margin : 0;
display : none;
position : absolute;
}
div#header div#slide-holder div#slide-controls {
left : 0;
bottom : 180px;
width : 550px;
height : 46px;
display : none;
position : absolute;
background : url(../images/slide-bg.png) 0 0;
}
div#header div#slide-holder div#slide-controls p.text {
float : left;
color : #fff;
display : inline;
font-size : 10px;
line-height : 16px;
margin : 15px 0 0 20px;
text-transform : uppercase;
}
div#header div#slide-holder div#slide-controls p#slide-nav {

height : 24px;
margin : 160px 15px 0 15px;
}
div#header div#slide-holder div#slide-controls p#slide-nav a {
float : left;
width : 24px;
height : 24px;
display : inline;
font-size : 11px;
margin : 0 5px 0 0;
line-height : 24px;
font-weight : bold;
text-align : center;
text-decoration : none;
background-position : 0 0;
background-repeat : no-repeat;
}
div#header div#slide-holder div#slide-controls p#slide-nav a.on {
background-position : 0 -24px;
}
div#header div#slide-holder div#slide-controls p#slide-nav a {
background-image : url(../images/silde-nav.png);
}
div#nav ul li a {
background : url(../images/nav.png) no-repeat;
}

/*div#banner {
    background: url("banners.jpg") no-repeat scroll 0 0 transparent;
    text-indent: -9999px;
	border-bottom: 4px solid #9bd859;
    display: inline;
    float: left;
    height: 278px;
    margin: 0px 0 0 0px;
    width: 950px;
}*/
.inputForm{
    border-color: #dbe3a5 #dbe3a5 #dbe3a5;
    border-style:solid solid solid solid;
    border-width:1px 1px 1px 1px;
    border : 1px solid #c1d6fc;
    padding:6px 0 0;
    padding-left:1px;
    
}
.label
{
	font-family:Arial;
	font-size:12px;
}

.button1 {
padding:5px;
border: 1px solid #666;
color:#000;
text-decoration:none;
background: #e1f4ff;
cursor:hand;
}
.button
{
background:url('../Admin/Images/btn_search.gif') no-repeat scroll transparent;

border-style:none;
color:#FFFFFF;
cursor:pointer;
font-weight:bold;
height:29px;
padding-bottom:3px;
width:85px;
padding-top:3px;
}

.button130
{
background:url('../Admin/Images/btn130.png') no-repeat scroll transparent;
border-style:none;
color:#FFFFFF;
cursor:pointer;
font-weight:bold;
height:29px;
padding-bottom:3px;
width:130px;
padding-top:3px;
}


.button:hover {
	background: url('../Admin/Images/btn_searchhover.gif') no-repeat scroll transparent;
}
.buttonLong {
    background: url('../Admin/Images/buttonlong.png') no-repeat scroll 0 0 transparent;
	width: 120px;
	height: 31px;
    border-style: none;
    color: #FFFFFF;
    cursor: pointer;
    font-weight: bold;
    text-align: center;
	margin-left:-5px;
}
.buttonLong:hover {
	background: url('../Admin/Images/buttonlonghover.png') no-repeat scroll 0 0 transparent;
}
.labelHeader
{
	font-family:Arial;
	font-size:14px;
	font-weight:bold;
	color:#064bcd;
}
.ddl
{
	border:1px solid #c1d6fc; 
	backgorund-color:#D0D0D0;
	padding: 1px;
}
.ddl option 
{
	border-bottom:1px solid #dadada;
}

.inputMulti 
{
	border:1px solid #A5A5A5; 
	overflow:auto;
}

.gridWiew 
{
    border-collapse:collapse;
    font-family:Arial;
}

.gridWiewHeader, .gridWiewHeader th{
    background-color:#b8d0fb;
    color:#013bbc;
    font-size:13px;
    padding-bottom:4px;
    padding-top:5px;
    padding-right:5px;
    text-align:center;
    border:1px solid #76a4f8;
    font-family:Arial;
}
.gridWiew td{
    border:1px solid #e3d6ab;
    font-size:12px;
    padding:6px 3px 2px;
    font-family:Arial;
}

.alt{
background-color:#fff9e6;
font-family:Arial;
color:Black;
}

.gridWiewPaging
{
	background-color:#b8d0fb;
	font-size:10px;
	font-family:Arial;
}

.gridWiewPaging td{
    border:1px solid #b8d0fb;
    font-size:12px;
    padding:6px 3px 2px;
    font-family:Arial;
}

.gridWiewPaging a
{
    color:Blue;
    font-weight:bold;
}
.gridWiewPaging span
{
    color:Red;
    font-size:14px;
    background-color:#b8d0fb;
    font-weight:bold;    
}

.fieldHidden
{
	display:none;
}
.button2
{
background:url("../Images/btn_02Left.gif") no-repeat scroll 0 0 transparent;
margin-right:10px;
padding:4px 0 5px 10px;
}

.inputFormAccount
{
    border-color: #9D9DA1 #9D9DA1 #9D9DA1;
    border-style:solid solid solid solid;
    border-width:1px 1px 1px 1px;
    border : 1px solid #9D9DA1;
    padding:2px 0 0;
    padding-left:2px;
    margin-left:2px;
}

#overlayId
{
   position: absolute; 
   top: 0pt; 
   left: 0pt; 
   z-index: 90; 
   width: 100%; 
   height:3319px;
   background-image: url(../Images/overlay.png); 
}
#loadingImage
{
    border: none;
    position: absolute; 
    z-index: 150; 
    top: 272px; 
    left: 550px;
}
#textWait
{
  border: none;
  position: absolute; 
  z-index: 150; 
  top: 300px; 
  left: 560px;
  font-weight:bolder;
  color:White  ;
}
.class1
{
background-color:Gray;
color:White;
font-family:Arial;
font-size:x-small;
font-style:italic;
padding: 2px 3px 2px 3px;
font-weight:bold;
}
.class1,.class2,.class3,.class4,.class5
{
background-color:Gray;
font-family:Arial;
font-size:x-small;
font-style:italic;
padding: 2px 3px 2px 3px;
font-weight:bold;
}
.class1
{
	color:White;
}
.class2
{
color:Yellow;
}
.class3
{
color:#FFCAAF;
}
.class4
{
color:Aqua;
}

.class5
{
color:#93FF9E;
}

.divForm
{
	margin-left:20px;
	margin-top:30px;
}
.divTopForm{
background: url(../Images/top.gif) no-repeat 0 0;
}

.divBottomForm {
	background: url(../Images/bottom.gif) no-repeat 0 100%;
}
 
.divCenterForm 
{
background: url(../Images/center.gif) repeat-y 0 0;
}

.contentForm{
	margin-left:20px;
	margin-top:20px;
	width:650px;
}
.title{
padding: 0 0 0 25px;
color: white;
font-size:13px;
}

.divResumeInfo
{
	margin-left:20px;
	margin-top:50px;
}
.divTopForm2{
background: url(../Images/top.gif) no-repeat 0 0;
}

.divBottomForm2 {
	background: url(../Images/bottom.gif) no-repeat 0 100%;
}

.divCenterForm2 
{
background: url(../Images/center.gif) repeat-y 0 0;
}

.titleResume
{
padding: 0 0 0 0px;
color: white;
font-size:14px;
text-align:center;
}
.divFormResume
{
	margin-left:0px;
	margin-top:30px;
}

.divtopLogin{
background: url(../Images/divtopLogin.gif) no-repeat 0 0;
}

.divBottomLogin {
	background: url(../Images/divBottomLogin.gif) no-repeat 0 100%;
}

.divCenterLogin 
{
background: url(../Images/divCenterLogin.gif) repeat-y 0 0;
}



.divTop750{
background: url(../Images/top720.gif) no-repeat 0 0;
}

.divBottom750{
	background: url(../Images/bottom720.gif) no-repeat 0 100%;
}

.divCenter750 
{
background: url(../Images/center720.gif) repeat-y 0 0;
}

.tab
{
background: url(../Images/tabActive.gif) no-repeat 0 0;	
text-align:center;
vertical-align:middle;
height:46px;
width:157px;
display:block;
font-size:12px;
font-weight:bold;
font-family:Arial;
color:#289307;
padding: 5px 0pt 0pt 0px;
}

.tabBig
{
background: url(../Images/tabActiveBig.gif) no-repeat 0 0;	
text-align:center;
vertical-align:middle;
height:46px;
width:210px;
display:block;
font-size:12px;
font-weight:bold;
font-family:Arial;
color:#289307;
padding: 5px 0pt 0pt 0px;
}
.title{
padding: 0 0 0 25px;
color: white;
font-size:13px;
}

.titleLogin
{
color: #289307;
font-size:14px;
font-weight:bold;
font-family:Arial;
text-align:center;
vertical-align:middle;
width:157px;
}
.lblError
{
    font-size:10px;
	font-family:Arial;
	color:Red;
}

.label
{
	font-size :12px;
	font-family: Arial;
}
.require
{
	color:Red;
}
.tdError
{
    background:url("../Images/notice-alert.png") no-repeat scroll 4px top #E6C0C0;
    border-bottom: 3px solid #DE7A7B;
    border-top: 3px solid #DE7A7B;
    color: #CC0000;
    padding-left:40px;
    padding-top:10px;
    }
    
.tdSuccessfully
{
    background:url("../Images/notice-info.png") no-repeat scroll 4px top #C3D2E5;
    border-bottom: 3px solid #84A7DB;
    border-top: 3px solid #84A7DB;
    color: #0055BB;
    padding-left:40px;
    padding-top:10px;
    }
    
.modalBackground
{
    background-color:Gray;
    filter:alpha(opacity=70);
    opacity:0.7;
}

.modalPopup
{
   background-color:#FFFFDD;
    border-width:3px;
    border-style:solid;
    border-color:Gray;
    padding:3px;
    width:250px;
}   
